Skip to main content

Toolbar

Overriding Toolbar Component​

You can override the default toolbar by providing Toolbar via the uiOverrides prop to ChartReactApp.

The component exposes the following props:

interface ChartToolbarProps {
    readonly loadedPercentage?: number;
    readonly container: Element | null;
    readonly className?: string; // the above properties are used for the built-in chart toolbar
    readonly buttons: ReactElement[]; // built-in chart toolbar buttons
    readonly MainInstrumentComponent?: ComponentType<Record<string, any>>; // instrument selection component, built-in or custom
    readonly isTradingActive?: boolean;
}

Example​

Source code: